<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input type="text" id="inp">
    <button id="btn">判断</button>

    <script>

        // 1 拿对象
        var oInp = document.getElementById('inp') ;
        var oBtn = document.getElementById('btn') ;

        // 2 事件
        oBtn.onclick = function() {
            // 2.1 拿值
            var n = oInp.value ;
            // 合法性判断
            // 2.2 判断是否有输入
            //    有
            //       输入正确
            //       输入错误
            //    没有
            // 判断输入为空
            if(n === '') {
                alert('输入不能为空') ;
            }
            // 有输入
            else {
                // 判断是不是一个分数  0-100
                if(n >= 0 && n <= 100) {
                    // 判断是否及格
                    if(n >= 60) {
                        alert('666') ;
                    }
                    else {
                        alert('下个班见') ;
                    }
                }
                else {
                    alert('输入的分数必须在0-100之间') ;
                }
            }

        }


    </script>
    
</body>
</html>